<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>ШП модуль микс: Сокращалка URL</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <style>
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }
        </style>
        <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/launch.css">

        <!--[if lt IE 9]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <script>window.html5 || document.write('<script src="js/html5shiv.js"><\/script>')</script>
        <![endif]-->
    </head>
    <body>
        <div class="container">
            <header class="launch-head">
                <h1>URL shortener</h1>
                <h2>module-mix mini-project</h2>
            </header>

            <section id="signup-sect">
                <p>Paste your long URL here:</p>
                <div class="flex-container">
                    <form class='fancy-form' method='post'>
                        <div class="controls controls-row hide-me">
                            <input  id="input-email" class="span5" type="text" name="url" value="" placeholder="http://">
                            <button id="submit-email" class="span2 btn btn-fancy" type="submit">Short it!</button>
                        </div>
                        <div id="resp" class="center-child"></div> <!-- Response message -->
                    </form>
                    <div class="well" id="error"></div> <!-- Error message -->
                </div>
            </section>

            <section id="info" class="row">
                <div class="span5">
                </div>
                <div class="span2">
                    <p>
                        <a href="history.php">show all shortened urls (<?= $counter ?>)</a>
                    </p>
                </div>
                <div class="span5">
                </div>
            </section>

            <footer id="pagefooter">
                <p class="pull-right">©2012 module-mix</p>
            </footer>

		</div>
    </body>
</html>